<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>兄弟选择器【相邻+通用】</title>
		<style>
			/* 通用选择器 语法：* 
			             功能：设置全局样式 把body中所有的元素全部选中*/
						 *{
							 color: aqua;
							 font-size: 50px;
						 }
			/* 相邻兄弟选择器 语法：选择器+选择器
			 功能：选择紧邻当前选择器后面的兄弟元素
			 通用兄弟选择器 语法：选择器~选择器
			               功能：选择当前选择器后的所有兄弟元素
			 */
			/* h1+p{
				color: aliceblue;
				font-size: 50px;
				
			}
			h1~p{
				color: #55aa7f;
				font-size: 50px;
				
			} */
		</style>
	</head>
	<body>
		<h1>相邻兄弟选择器</h1>
		<p>兄弟1</p>
		<p>兄弟2</p>
	</body>
</html>